﻿
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>全程MVP手把手开发带服务端的IM即时通讯APP-慕课网实战</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <meta property="qc:admins" content="77103107776157736375" />
    <meta property="wb:webmaster" content="c4f857219bfae3cb" />
    <meta http-equiv="Access-Control-Allow-Origin" content="*" />
    <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline' 'unsafe-eval' *.imooc.com *.mukewang.com *.baidu.com *.sina.com.cn *.bootcss.com">
    <meta name="keywords" content="IM即时通讯APP开发，MVP设计模式" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="全程最热门的MVP设计模式，手工打造带服务端的IM即时通讯聊天Android APP，在本课程中将带领你全面了解IM技术，了解如何搭建IM服务器实现一个简单的聊天APP；让IM技术不再神秘" />
    
    <link rel="stylesheet" href="css/moco.min_2.css" type="text/css" />
    
    <style type="text/css">
    .moco-modal-info {
        font-size: 14px;
        line-height: 20px;
    }
    </style>
    




			<link merge="false" rel="stylesheet" type='text/css' href="css/100-less.css" />
	
    <script type="text/javascript">
        var OP_CONFIG={"module":"class","page":"index","userout":0};
        OP_CONFIG.isLogin = 0;
        var isLogin = 0;
        var _msg_unread = 0; 
        var _not_unread = 0; 
        var _cartFlag = 0;
        var seajsTimestamp="v=201705151116";
            </script>
    
    
    
<link rel="stylesheet" href="css/79b24688666d439a96836c3b3d663505.css" type="text/css" />
</head>
<body >

<div id="header">
    <div class="page-container" id="nav">
        <div id="logo" class="logo"><a href="http://www.imooc.com/" target="_self" class="hide-text" title="首页">慕课网</a></div>
        
        <button type="button" class="navbar-toggle visible-xs-block js-show-menu" >
            <i class="sz-list"></i>
        </button>
        
        <div class="g-menu-mini l">
            <a href="javascript:;" class="menu-ctrl">
                <i class="sz-list"></i>
            </a>
            <ul class="nav-item l">
                        <li class="set-btn visible-xs-block"><a href="http://www.imooc.com/user/newlogin" target="_self">登录</a> / <a href="http://www.imooc.com/user/newsignup" target="_self">注册</a></li>
                        
            <li><a href="http://www.imooc.com/course/list" target="_self">课程</a></li>
            <li><a href="http://class.imooc.com" target="_self" class="program-nav">职业路径<i class="icn-new"></i></a></li>
            <li><a href="/" class="active" target="_self">实战</a></li>
            <!--<li><a href="http://www.imooc.com/corp/index"   target="_self">分享</a></li>-->
                        <li><a href="http://www.imooc.com/wenda" target="_self">猿问</a></li>
            <li><a href="http://www.imooc.com/article" target="_self">手记</a></li>
            <!--<li><a href="http://www.imooc.com/wiki" target="_self">WIKI</a></li>-->
            
                    </ul>
        </div>
                    <div id="login-area">
                <ul class="header-unlogin clearfix">
                    <li class="shop-cart" id="shop-cart">
                        <a href="http://order.imooc.com/pay/cart" class="shop-cart-icon" target="_blank">
                            <span class="sz-shopping-cart js-endcart"></span>
                            <span class="shopping_icon js-cart-num"  data-ordernum="0" data-cartnum="0" style='display: none'>0</span>
                            <span>购物车</span>
                        </a>
                        <div class="my-cart" id="js-my-cart"></div>
                    </li>
                    <li class="header-signin">
                        <a href="#" id="js-signin-btn">登录</a>
                    </li>
                    <li class="header-signup">
                        <a href="#" id="js-signup-btn">注册</a>
                    </li>
                </ul>
            </div>
                    <div class='search-warp clearfix' style='min-width: 32px; height: 60px;'>

                <div class="pa searchTags js-searchtags" ></div>

                <div class="search-area" data-search="top-banner">
                    <input class="search-input" data-suggest-trigger="suggest-trigger" placeholder="请输入想搜索的内容..." type="text" autocomplete="off">
                    <input type='hidden' class='btn_search' data-search-btn="search-btn" />
                    <ul class="search-area-result" data-suggest-result="suggest-result">
                    </ul>
                </div>
                <div class='showhide-search' data-show='no'><i class='sz-search'></i></div>
            </div>
        </div>
        </div>
        

        
<div class="course-class-infos ">
    <div class="w pr">
		<div class="path">
			<a href="/">实战</a>
			<i class="path-split">\</i><span>带后台的IM即时通讯App 全程MVP手把手打造</span>
		</div>
		
		<div class="extra">
			<div class="share-action l bdsharebuttonbox bdshare-button-style0-16" data-bd-bind="1439263858135">
				<a href="javascript:;" class="share wx js-share sz-weixin" data-cmd="weixin" title="分享到微信">
				</a>
				<a href="javascript:;" class="share qq js-share sz-qq" data-cmd="qzone" title="分享到QQ空间">
				</a>
				
				<a href="javascript:;" class="share sina js-share sz-weibo" data-cmd="tsina" title="分享到新浪微博">
				</a>
			</div>
		</div>
		
		<div class='info-warp tc'>
			
			
			
			<div class='hide'>
				<h1 class="l">带后台的IM即时通讯App 全程MVP手把手打造</h1>
			</div>
			
			
			<div class='info-bar tc'>
				<div class="statics clearfix">
					<div class="static-item first">
						<span class="meta">难度</span>
						<span class="meta-value"><strong>中级</strong></span>
					</div>
					<div class="static-item static-time">
						<span class="meta">时长</span>
						<span class="meta-value"><strong>35小时</strong></span>
						<em></em>
					</div>
					<div class="static-item">
						<span class="meta">学习人数</span>
						<span class="meta-value"><strong>47</strong></span>
						<em></em>
					</div>
					<div class="static-item">
						<span class="meta-value"><strong>10.0分</strong></span>
						<span class="meta meta-stars">
							<i class="sz-star on"></i><i class="sz-star on"></i><i class="sz-star on"></i><i class="sz-star on"></i><i class="sz-star on"></i>
						</span>
						<em></em>
					</div>
				</div>
			</div>
			
			<div class="price-box">
				<span class="num clearfix">
										
										
					<span class="discount-price">
						<span class="baseline baseliner0">
						<span class="new-y">&yen;</span>
						<span class="cur-price"><b>466</b><b class="sub">.00</b></span>
						</span>
					</span>
					
					
									</span>
			</div>

			
			<div class="clearfix btnwarp">
														<a href="javascript:;" class="js-buy-trigger buy-class-btn class-btn1" data-cid="100" data-pay="0" id="buy-trigger">
						<span>立即购买</span>
					</a>
					
					<a href='javascript:;' class='js-addcart addcart' data-cid='100' data-type='1'>
						<span class='line'></span>
						<i class='sz-add-shopping-cart'></i>
					</a>
					
													<div class="preview-tip"> 			
								</div>
			</div>
		</div>
	</div>
			
    <div class="info-bg" id="js-info-bg">
        <div class="cover-img-wrap" style="background-image:url(images/59118b940001611b20000520.jpg)"></div>     
    </div>
</div>

<div class='course-infos-t'>
<div id='Anchor'></div>
<div class="comp-tab-t js-comp-tab">
	<ul class='clearfix'>
		<li class="comp-tab-item-first comp-tab-item active">
			<a href="/class/100.html#Anchor">课程介绍</a>
		</li>
		<li class="comp-tab-item ">
			<a href="/class/chapter/100.html#Anchor">课程章节</a>
		</li>
		<li class="comp-tab-item">
			<a href="/class/100.html#Prchor">课程咨询</a>
			<span>28</span>
		</li>
		<li class="comp-tab-item ">
			<a href="/class/evaluation/100.html#Anchor">用户评价</a>
			<span>6</span>
		</li>
				<li class="comp-tab-item ">
			<a href="/class/100.html#Envir">环境参数</a>
		</li>
				
	</ul>
</div>

<div class='js-fixed course-fixed-nav hide'>
	<h3 class='fixed-course-name' title='带后台的IM即时通讯App 全程MVP手把手打造'>带后台的IM即时通讯App 全程MVP手把手打造</h3>
	
	<ul class='fixed-nav clearfix'>
		<li class="fixed-nav-item-first fixed-nav-item ml0 active">
			<a href="/class/100.html#Anchor">课程介绍</a>
		</li>
		<li class="fixed-nav-item ">
			<a href="/class/chapter/100.html#Anchor">课程章节</a>
		</li>
		<li class="fixed-nav-item">
			<a href="/class/100.html#Prchor">课程咨询</a>
			<span>28</span>
		</li>
		<li class="fixed-nav-item ">
			<a href="/class/evaluation/100.html#Anchor">用户评价</a>
			<span>6</span>
		</li>
				<li class="fixed-nav-item ">
			<a href="/class/100.html#Envir">环境参数</a>
		</li>
				
	</ul>
		
	<div class="goumai">
								<div class="buy-wrap r">
				<a href="javascript:;" class="js-buy-trigger fixed-nav-btn fixed-btn1" data-cid="100" data-pay="0" id="buy-trigger">
					<span>立即购买</span>
				</a>
				<a href='javascript:;' class='js-addcart addcart' data-cid='100' data-type='1'>
					<span class='line'></span>
					<i class='sz-add-shopping-cart'></i>
				</a>
			</div>
			<span class="r fixed-nav-prices">￥466.00</span>
			
						</div>
</div>

<div class="info-video" style="display: block; background-image: url(images/59118b9a00012a5209000500.jpg);">
	<div class="info-video-box">
		<div class='info-name'>带后台的IM即时通讯App 全程MVP手把手打造</div>
		<div class='info-desc'>微信、QQ、陌陌…这些在你生活中不可缺的聊天APP原理是什么？如何实现消息送达、显示消息、进而聊天发表情图片的？又是如何实现群聊天？在本课程中将带领你全面了解IM技术，了解如何搭建IM服务器实现一个简单的聊天APP；让IM技术不再神秘。</div>
		<div class="js-video-btn video-btn">
			<i class="sz-play"></i>
		</div>
	</div>
		
	<div class="comp-tabs-pannel" style='display: none;' data-purl="http://szimg.mukewang.com/59118b9a00012a5209000500.jpg" data-vurl="http://szv1.mukewang.com/5912899fb3fee394768b45cc/H.mp4" id="js-video-content">
		<div class="desc-short">
		<a href="javascript:void(0);" class="js-close-video close-video sz-close-h"></a>
		<div class="video-container" id="video-container"></div>
		</div>
	</div>
</div>
</div>
			
<div class="infolayout clearfix">
	

		<div class="appendtemplate">
		<div class="introduce-content">
	<div class="section1">
		<div class="wrap">
			<div class="content-box">
				<div class="box clearfix">
					<div class="left-box l">
						<h1>项目核心功能架构图</h1>
						<h3>慕聊 - 即时通讯APP</h3>
						<img class="img-box" src="picture/section1-1.png" alt="MVP架构打造即时通讯APP">
					</div>
					<img class="right-box r" src="picture/section1-2.png" alt="MVP架构打造即时通讯APP">
				</div>
			</div>
		</div>
	</div>
	<div class="section2">
		<div class="wrap">
			<div class="content-box clearfix">
				<h1>MVP设计完整的即时通讯（IM）APP</h1>
				<div class="box-wrap clearfix">
					<div class="box l">
						<div class="img-box img1"></div>
						<p class="smalle-title">完整的IM架构设计</p>
						<p>APP端全程使用</p>
						<p>MVP设计模式开发</p>
					</div>
					<div class="box l">
						<div class="img-box img2"></div>
						<p class="smalle-title">IM手机端实现</p>
						<p>一款为你量身定做的</p>
						<p>即时通讯APP—幕聊</p>
					</div>
					<div class="box l">
						<div class="img-box img3"></div>
						<p class="smalle-title">IM服务端实现</p>
						<p>聊天APP中的人、好友、群、</p>
						<p>消息之间的设计与实现</p>
					</div>
					<div class="box l">
						<div class="img-box img4"></div>
						<p class="smalle-title">完整的IM APP实现</p>
						<p>涵盖了后台的编写</p>
						<p>与部分Java8特性的讲解</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="section3">
		<div class="wrap">
			<div class="content-box clearfix">
				<h1>做一款功能全面的聊天APP</h1>
				<div class="top-box clearfix">
					<p class="smalle-title">多种形式的聊天功能</p>
					<div class="box l">
						<img class="img-box" src="picture/section3-1.png" alt="MVP架构打造即时通讯APP">
						<p>发送文字</p>
					</div>
					<div class="box l">
						<img class="img-box" src="picture/section3-2.png" alt="MVP架构打造即时通讯APP">
						<p>发送表情</p>
					</div>
					<div class="box l">
						<img class="img-box" src="picture/section3-3.png" alt="MVP架构打造即时通讯APP">
						<p>语音聊天</p>
					</div>
					<div class="box l">
						<img class="img-box" src="picture/section3-4.png" alt="MVP架构打造即时通讯APP">
						<p>发送图片</p>
					</div>
				</div>
				<div class="bottom-box clearfix">
					<p class="smalle-title">好友，群组，信息展示等必备功能</p>
					<div class="box l">
						<img class="img-box" src="picture/section3-5.png" alt="MVP架构打造即时通讯APP">
						<p>登录注册</p>
					</div>
					<div class="box l">
						<img class="img-box" src="picture/section3-6.png" alt="MVP架构打造即时通讯APP">
						<p>添加好友</p>
					</div>
					<div class="box l">
						<img class="img-box" src="picture/section3-7.png" alt="MVP架构打造即时通讯APP">
						<p>新建群组</p>
					</div>
					<div class="box l">
						<img class="img-box" src="picture/section3-8.png" alt="MVP架构打造即时通讯APP">
						<p>浏览消息</p>
					</div>
					<div class="box l">
						<img class="img-box" src="picture/section3-9.png" alt="MVP架构打造即时通讯APP">
						<p>用户编辑</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="section4">
		<div class="wrap">
			<h1>项目核心技术</h1>
			<div class="content-box clearfix">
				<div class="box l text-right">
					<p>( MVP )<span class="smalle-title">客户端</span></p>
					<p>网络框架<i>-</i><b>Retrofit</b></p>
					<p>注解框架<i>-</i><b>Butterknife</b></p>
					<p>图片框架<i>-</i><b>Glide</b></p>
					<p>安卓数据库框架<i>-</i><b>Dbflow</b></p>
					<p>数据存储平台<i>-</i><b>OSS</b></p>
				</div>
				<div class="box l">
					<img src="picture/section4-1.png" alt="MVP架构打造即时通讯APP">
				</div>
				<div class="box l text-left">
					<p class="smalle-title">服务器端</p>
					<p><b>Jersey</b><i>-</i>轻量WebService框架</p>
					<p><b>Hibernate</b><i>-</i>Java数据库操作框架</p>
					<p><b>MySQL</b><i>-</i>数据库</p>
					<p><b>Gson</b><i>-</i>数据解析框架</p>
					<p><b>Tomcat</b><i>-</i>服务器</p>
				</div>
			</div>
		</div>
	</div>
	<div class="section5">
		<div class="wrap">
			<div class="content-box clearfix">
				<h1>项目的开发流程</h1>
				<div class="box l">
					<div class="img-box img1"></div>
					<p>IM数据服务器选型</p>
				</div>
				<div class="box l">
					<div class="img-box img2"></div>
					<p>前后端项目初建</p>
				</div>
				<div class="box l">
					<div class="img-box img3"></div>
					<p>基础模块准备</p>
					<p>（图片、上传）</p>
				</div>
				<div class="box l">
					<div class="img-box img4"></div>
					<p>数据库模型设计</p>
				</div>
				<div class="box l">
					<div class="img-box img5"></div>
					<p>开发APP入口</p>
					<p>登录注册</p>
				</div>
				<div class="box l">
					<div class="img-box img6"></div>
					<p>开发聊天基础</p>
					<P>好友，联系人</p>
				</div>
				<div class="box l">
					<div class="img-box img7"></div>
					<p>客户端封装</p>
					<p>整个APP的数据流</p>
				</div>
				<div class="box l">
					<div class="img-box img8"></div>
					<p>实现APP单聊功能</p>
					<p>（与好友聊天）</p>
				</div>
				<div class="box l">
					<div class="img-box img9"></div>
					<p>开发群组聊天基础</p>
					<p>群相关接口，新建群，群列表</p>
				</div>
				<div class="box l">
					<div class="img-box img10"></div>
					<p>实现APP群组聊天</p>
					<p>（实现多人聊天）</p>
				</div>
			</div>
		</div>
	</div>
	<div class="section6">
		<div class="wrap">
			<div class="content-box">
				<h1>学员专享双重福利</h1>
				<div class="wrap-box clearfix">
					<div class="left-box box l">
						<img class="l" src="picture/section6-1.png" alt="MVP架构打造即时通讯APP">
						<div class="text-box l">
							<p class="smalle-title">问答专区 </p>
							<p class="smalle-text">讲师集中答疑</p>
							<p>任何关于本课程的问题都以在问答区随时提问，也可在问答区和同学相互切磋，讲师会梳理同学们学习中的典型问题，进行集中答疑</p>
						</div>
					</div>
					<div class="right-box box r">
						<div class="text-box r">
							<p class="smalle-title">源码开放</p>
							<p class="smalle-text">整套代码下载</p>
							<p>课程代码完全开放给你，你可以根据所学知识自行修改代码，不断优化与升级不断丰富代码，甚至可以直接应用在实际工作中</p>
						</div>
						<img class="r" src="picture/section6-2.png" alt="MVP架构打造即时通讯APP">
					</div>
				</div>
				
			</div>
		</div>
	</div>
	<div class="section7">
		<div class="wrap">
			<div class="content-box clearfix">
				<h1>学习这门课你需要准备什么？</h1>
				<p>有Java基础，Android基础，了解过Hibernate，Retrofit，Glide等主流框架，想在Android开发上有深入提高的同学</p>
				<div class="tea-box clearfix">
					<img class="l" src="picture/teacher.png" alt="MVP架构打造即时通讯APP">
					<div class="l right-box">
						<h3>Android高级工程师</h3>
						<h5>qiujuer</h5>
						<p>现就职于美图，曾任开源中国Android负责人，主要技术方向为Android，同时略带有.Net、 C 的气息，开发过众多项目，具有代表性的有：UPMiss，OSC众包，开源中国APP等</p>
						<p>平时乐于技术分享，是多个开源项目的作者，包括了基础组建和Socket的相关封装以及一些工具类，极具代表性的是：Genius-Android，在Github受到了广泛好评</p>
						<p>老师讲课细致幽默，不会一味灌输，而是以让你理解并学会知识为目的，跟随这样的老师一起学习，一定会让学有所获得</p>
						<p>来吧，在你犹豫的时候，别人已经开始了！</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
	</div>
		
	
		<div class="envir-box" id="Envir">
		<h1>环境参数</h1>
		<div class="detail-box">
			<ul class="clearfix">
								<li class="l ">
					<span class="detail-tag">技术语言</span>
					<i class="triangle"></i>
					<span class="detail">Java8(服务器)</span>
				</li>
								<li class="l ">
					<span class="detail-tag">客户端框架</span>
					<i class="triangle"></i>
					<span class="detail">Retrofit/DbFlow/Genius/Gson</span>
				</li>
								<li class="l ">
					<span class="detail-tag">服务器框架</span>
					<i class="triangle"></i>
					<span class="detail">Jersey/guava/Hibernate</span>
				</li>
								<li class="l ">
					<span class="detail-tag">课程所需开发系统</span>
					<i class="triangle"></i>
					<span class="detail">MacOS/Windows</span>
				</li>
								<li class="l ">
					<span class="detail-tag">环境配置</span>
					<i class="triangle"></i>
					<span class="detail">Java8, Tomcat, Android SDK</span>
				</li>
								<li class="l ">
					<span class="detail-tag">数据库</span>
					<i class="triangle"></i>
					<span class="detail">MySQL:5.7.18 Workbench6.3</span>
				</li>
								<li class="l ">
					<span class="detail-tag">开发工具</span>
					<i class="triangle"></i>
					<span class="detail">IDEA 2017.1, AS 2.4 Preview</span>
				</li>
							</ul>
		</div>
	</div>
	
	
		

	
	<div class="preconsultation" id="Prchor">
		<div class="w question-input">
			<input type="text" placeholder="输入你的课程咨询问题" class="input-block js-inputcont" data-can-search="true" data-pagesize="6">
			<div class="question-btn js-question-btn" data-cid="100">提问</div>
		</div>
		<div class="w question-contain js-load-prelist" data-cid="100">
			<div class="comp-loading">
				<i class="sz-loading"></i>
				<span class="text">数据加载中...</span>
			</div>
		</div>
	</div>
	
	
	<div class="w shizhan-recommendcourse js-recom-course" data-id="100">
		
	</div>

	
	<div class="w info-recommendcourse js-prelearn" data-id="100">
	</div>
	

</div>




        
<div id="footer">
<div class="waper">
    <div class="footerwaper clearfix">
        <div class="followus r">
            <a class="followus-weixin" href="javascript:;"  target="_blank" title="微信">
                <div class="flw-weixin-box"></div>
            </a>
            <a class="followus-weibo" href="http://weibo.com/u/3306361973"  target="_blank" title="新浪微博"></a>
            <a class="followus-qzone" href="http://user.qzone.qq.com/1059809142/" target="_blank" title="QQ空间"></a>
        </div>
        <div class="footer_intro l">
            <div class="footer_link">
                <ul>
                    <li><a href="http://www.imooc.com/" target="_blank">网站首页</a></li>
                    <li><a href="http://www.imooc.com/about/cooperate" target="_blank" title="企业合作">企业合作</a></li>
                    <li><a href="http://www.imooc.com/about/job" target="_blank">人才招聘</a></li>
                    <li> <a href="http://www.imooc.com/about/contact" target="_blank">联系我们</a></li>
                    <li> <a href="http://www.imooc.com/about/recruit" target="_blank">讲师招募</a></li>
                     <li> <a href="http://coding.imooc.com/user/faq" target="_blank">常见问题</a></li>
                    <li> <a href="http://www.imooc.com/user/feedback" target="_blank">意见反馈</a></li>
                    <li><a href="http://daxue.imooc.com/" target="_blank">慕课大学</a></li>
                    <li> <a href="http://www.imooc.com/about/friendly" target="_blank">友情链接</a></li>
                    <!-- <li><a href="http://www.imooc.com/about/us" target="_blank">关于我们</a></li> -->
                </ul>
            </div>
            <p>Copyright © 2017 imooc.com All Rights Reserved | 京ICP备 13046642号-2</p>
        </div>
    </div>
</div>
</div>


<div id="J_GotoTop" class="elevator">

    <a href="/user/feedback" class="elevator-msg"  target="_blank" >
        <i class="sz-feedback"></i>
        <span class="">意见反馈</span>
    </a>
    <a href="/user/faq" class="elevator-faq"  target="_blank" >
        <i class="sz-help_outline"></i>
        <span class="">常见问题</span>
    </a>
    <a href="http://www.imooc.com/mobile/app" target="_blank" class="elevator-app" >
        <i class="sz-appdownload"></i>
        <span class="">APP下载</span>
        <div class="elevator-app-box"></div>
    </a>
    <a href="javascript:void(0)" class="elevator-weixin no-goto" id="js-elevator-weixin" >
        <i class="sz-weixigzh"></i>
        <span class="">官方微信</span>
        <div class="elevator-weixin-box"></div>
    </a>
    <a href="javascript:void(0)" class="elevator-top no-goto" style="display:none" id="backTop">
        <i class="sz-arrow-up"></i>
        <span class="">返回顶部</span>
    </a>
</div>



<script src="js/ssologin_1.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/moco.min.js"></script>






    <script>/*RESOURCE_MAP*/</script>
    <script src='js/jquery.fly.js'></script>
	 <!--[if gte IE 9]><script src='js/requestanimationframe.js'></script><![endif]-->
    <script data-entry="class/index">
		requirejs(['class/index'], function(){
    });
    (function(){
        var imgPic = 'http://szimg.mukewang.com/59118b92000147bf05400300-280-160.jpg' || 'http://img.mukewang.com/static/img/common/logo.png',
            text = '我正在参加@慕课网 的一门课程【' + '带后台的IM即时通讯App 全程MVP手把手打造' + '】，很不错哦！快来一起学习吧！', //节名称
            url = 'http://coding.imooc.com' + window.location.pathname;

        window._bd_share_config = {
            "common": {
                "bdUrl": url,
                "bdSnsKey": {
                  'tsina':'2788596354'
                },
                "bdText": text,
                "bdMini": "2",
                "bdMiniList": false,
                "bdPic": imgPic,
                "bdStyle": "0",
                "bdSize": "16"
            },
            "share": {}
        };
        with(document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];
      })();
    </script>


<div class="comp-modal-overlay"></div>
<div class="modal modal-buy" id="before-buy-modal">
    <div class="inner">
        <div class="header">
            <strong class="tit">购买课程</strong>
            <a href="javascript:;" class="help">帮助？</a>
        </div>
        <div class="content">
            <div class="infos">
                <span class="name">带后台的IM即时通讯App 全程MVP手把手打造</span>
                <span class="price">
																	<i>&yen;</i><b>466</b><i>.00</i>
								</span>
                <span class="deadline">
					
					                </span>
            </div>
        </div>
        <div class="footer">
            <a href="javascript:;" class="cancel-btn" rel="modal:close">取消</a>
            <a data-href="/pay/buynow/cid/100" href='javascript:;' class="go-pay-btn">去支付</a>
        </div>
    </div>
</div>

<div style="display: none">
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?c1c5f01e0fc4d75fd5cbb16f2e713d56";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';        
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
</div>

</body>
</html>
